<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" href="https://cdn.bootcss.com/twitter-bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO"
        crossorigin="anonymous">
    <link rel="stylesheet" type="text/css" href="style.css">
    <link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
    <title>夏木禾 - 关于我们</title>
</head>

<body>
    <header>
        <nav class="navbar navbar-expand-md navbar-light bg-theme">
            <div class="container">
                <a class="navbar-brand d-none d-sm-block" href="#">
                    <img src="./img/logo.png" alt="夏木禾">
                </a>
                <button class="navbar-toggler bg-white" type="button" data-toggle="collapse" data-target="#navbarSupportedContent"
                    aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
                    <span class="navbar-toggler-icon"></span>
                </button>

                <div class="collapse navbar-collapse " id="navbarSupportedContent">
                    <ul class="navbar-nav nav-float">
                        <li class="nav-item">
                            <a class="nav-link" href="index.html">首页 <span class="sr-only">(current)</span></a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" href="case.html">产品案例</a>
                        </li>
                        <li class="nav-item active">
                            <a class="nav-link" href="about.html">关于我们</a>
                        </li>
                    </ul>
                </div>
            </div>
        </nav>

        <div id="headerCarousel" class="carousel slide" data-ride="carousel" data-interval="2000">
            <ol class="carousel-indicators">
                <li data-target="#headerCarousel" data-slide-to="0"></li>
                <li data-target="#headerCarousel" data-slide-to="1"></li>
                <li data-target="#headerCarousel" data-slide-to="2"></li>
                <li data-target="#headerCarousel" data-slide-to="3"></li>
                <li data-target="#headerCarousel" data-slide-to="4"></li>
                <li data-target="#headerCarousel" data-slide-to="5" class="active"></li>
            </ol>
            <div class="carousel-inner">
                <div class="carousel-item">
                    <img class="d-block slider" src="./img/1.jpg" alt="First slide">
                </div>
                <div class="carousel-item">
                    <img class="d-block slider" src="./img/2.jpg" alt="Second slide">
                </div>
                <div class="carousel-item ">
                    <img class="d-block slider" src="./img/3.jpg" alt="Second slide">
                </div>
                <div class="carousel-item">
                    <img class="d-block slider" src="./img/4.jpg" alt="Second slide">
                </div>
                <div class="carousel-item">
                    <img class="d-block slider" src="./img/5.jpg" alt="Second slide">
                </div>
                <div class="carousel-item active">
                    <img class="d-block slider" src="./img/6.jpg" alt="Second slide">
                </div>
            </div>
        </div>

    </header>

    <section id="content">
        <section class="home-section about-description">
            <div class="container">
                <div class="top">
                    <h1 class="text-center">夏木禾文化简介</h1>
                    <p class="description">夏木禾（北京）文化传播有限公司是一家专注于新媒体产品研发和运营服务的服务商，为党委政府提供“互联网+政务服务”综合解决方案。夏木禾文化团队核心骨干均为互联网和传媒领域10年以上资深人士，在政务新媒体、云计算和大数据领域具有深刻的认识和丰富的经验，是一支具有技术研发和综合运营能力的专业化团队。夏木禾文化先后为政府机构及数十家大型企业提供移动互联网转型服务，由于对移动互联网应用的产品设计、研发和运营有着深刻的理解和技术积累。</p>
                    <p class="thumb">
                        <img src="./img/about-thumb.png" alt="">
                    </p>
                </div>
            </div>
        </section>

        <section class="home-section about-superiority">
            <div class="container">
                <div class="top">
                    <h1 class="text-center">我们的业务优势</h1>
                    <div class="row icon-items">
                        <div class="col-md-3 text-center">
                            <p><img src="./img/about-icon-1.png" alt=""></p>
                            <h3>专业</h3>
                            <p>10年以上互联网产品技术开发经验，4年专注微信政务开发领域，为数百家企业提供解决方案。</p>
                        </div>
                        <div class="col-md-3 text-center">
                            <p><img src="./img/about-icon-2.png" alt=""></p>
                            <h3>安全</h3>
                            <p>银行级别的加密传输方式，多层数据安全保护机制及容灾备份抵御网络攻击入侵。</p>
                        </div>
                        <div class="col-md-3 text-center">
                            <p><img src="./img/about-icon-3.png" alt=""></p>
                            <h3>服务</h3>
                            <p>专业的技术产品支持团队，7x12小时为您随时服务。</p>
                        </div>
                        <div class="col-md-3 text-center">
                            <p><img src="./img/about-icon-4.png" alt=""></p>
                            <h3>合作伙伴</h3>
                            <p>与国内知名软件开发商、集成商、软件产品厂商长年合作，帮忙客户高效率低成本的实现业务移动化。</p>
                        </div>
                    </div>
                </div>
            </div>
        </section>

        <section class="home-section about-main d-flex">
            <div class="d-none d-sm-block col-6 left text-right">
                <img src="./img/about-main.png" alt="">
            </div>
            <div class="right col-12 col-sm-6 d-flex d-flex-column align-items-center">
                <div class="card">
                    <h1 class="mb-4 pb-4">成熟完整的产品解决方案</h1>
                    <p>夏木禾文化以打磨优质产品的极客精神要求自身，摒弃简化产品环节而节省成本的低端服务，以完整的、以产品为核心的全链条服务体系与客户建立了稳定友好的合作关系，包括产品咨询、产品需求梳理、产品功能设计、产品交互设计、产品视觉设计、产品程序开发、产品测试、产品运营等成熟体系服务。</p>
                    <a href="case.html" class="btn bg-theme">查看详情 &gt;&gt;</a>
                </div>
            </div>
        </section>

        <section class="home-section about-contact">
            <div class="container">
                <div class="top">
                    <h1 class="text-center">联系我们</h1>
                    <div class="map mt-5">
                        <div class="info">
                            <span>邮箱：evainfo@foxmail.com</span>
                            <span>业务经理电话：13260162348</span>
                            <span>地址：北京市海淀区海淀大街27号1-4层部分1-020</span>
                        </div>
                        <p><img src="./img/about-map.png" alt=""></p>
                    </div>
                </div>
            </div>
        </section>
    </section>

    <footer class="footer">
        <div class="container">
            <div class="website">
                <div class="row">
                    <div class="col-md-3 d-none d-sm-block">
                        <img src="./img/logo.png" alt="">
                    </div>
                    <div class="col-md-7 offset-md-2 website-info">
                        <p><a href="index.html">夏木禾首页</a> 丨 <a href="case.html">产品案例</a> 丨 <a href="about.html">关于我们</a></p>
                        <p>地址：北京市海淀区海淀大街27号1-4层部分1-020</p>
                    </div>
                </div>
            </div>
            <div class="copyright text-center">
                <p>Copyright ©2018 www.xiamuhe.com. All Rights Reserved. 夏木禾（北京）文化传播有限公司 <a href="//www.miitbeian.gov.cn">京ICP备18037363号-1</a>
                </p>
            </div>
        </div>
    </footer>
    <script src="https://cdn.bootcss.com/lodash.js/4.17.11/lodash.min.js"></script>
    <script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo"
        crossorigin="anonymous"></script>
    <script src="https://unpkg.com/popper.js/dist/umd/popper.min.js"></script>
    <script src="https://cdn.bootcss.com/twitter-bootstrap/4.1.3/js/bootstrap.min.js" integrity="sha384-ChfqqxuZUCnJSK3+MXmPNIyE6ZbWh2IMqE241rYiqJxyMiZ6OW/JmZQ5stwEULTy"
        crossorigin="anonymous"></script>
</body>

</html>